<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>登录注册</title>
        <link rel="stylesheet" href="css/reset.css" />
        <link rel="stylesheet" href="css/loginReg.css" />
    </head>
    <body>
    <div class="content">
        <div class="container">
            <div class="closeBtn_wrap">
                <a href="javascript:void(0)" class="closeBtn"></a>
            </div>
            <!--登录部分-->
            <div class="main" id="loginWrap">   
                <div class="mainBody"  id="loginWrap_reset" >
                    <div class="topTitle_wrap" >
                        <span class="topTitle">登录</span>
                        <span class="topTitleRight">还没有账号？<a href="javascript:void(0)" onclick="loginAction()"class="targetBtn">注册</a></span>
                    </div>
                    <div class="userName_wrap">
                        <div class="userName_box">
                            <input type="text" maxlength="18" placeholder="用户名" class="userName" id="logInput_username" />
                        </div>                      
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="password_wrap">
                        <div class="password_box">
                            <input type="password" maxlength="18" placeholder="密码" class="psd" id="logInput_psd" />
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="error_wrap error_tip" ></div>
                    <div class="checkBoxWrap" id="checkBoxWrap">
                        <input type="checkbox" value="remenberPsd" id="remenberPsd" name="remenberPsd" checked="checked" />
                        <label for="remenberPsd" class="remenberPsd_btn checked"></label>
                        <span class="remenberPsd">记住密码</span>
                        <!-- <span class="forgetPsd">忘记密码</span> -->
                    </div>
                    <a href="javascript:void(0)" class="btn" id="btnLogin" >立即登录</a>
                    <div class="otherLogin">使用其他方式登录</div>
                    <div class="third-party-login">
                      <a href="#" class="qqLogin"><img src="images/qqLogin.png" alt=""></a>
                      <a href="#"><img src="images/weiLogin.png" alt=""></a>
                    </div>
                </div>
                <!-- 登录重置密码部分一 -->
                <div class="mainBody getCertify" id="forgetPsd"  style="display:none;" >
                    <div class="topTitle_wrap">
                        <span class="topTitle">重置密码</span>
                    </div>
                    <div class="mainBody">
                        <div class="userName_wrap">
                            <div class="userName_box">
                                <input type="text" maxlength="18" placeholder="注册手机号" class="userName phoneNum_userName reset_userName" id="reset_userName" />
                            </div>                      
                            <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                            <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                        </div>
                        <div class="certifyCode_wrap">
                            <div class="certifyCode_box">
                                <input type="text" maxlength="18" placeholder="请输入验证码" class="certifyCode" id="reset_NumTxt" />
                                <a href="javascript:void(0)" class="cfCodeImg_wrap"><img src="" class="cfCodeImg certifyCodeImg" /></a>
                            </div>
                            <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                            <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                        </div>
                        <div class="error_wrap error_tip"></div>
                        <a href="javascript:void(0)" class="btn" id="nextBtn_cz">下一步</a>
                    </div>
                </div>
            <!--登录重置密码部分二-->
                <div class="mainBody getCertify" id="forgetPsd_send" style="display: none" >
                 <div class="topTitle_wrap">
                        <span class="topTitle">重置密码</span>
                    </div>
                    <div class="getCertifyCode_top">
                        手机号码<span class="phoneNum" id="reset_phoneNum">136****1606</span>接收短信验证码
                    </div>
                    <div class="certifyCode_wrap">
                        <div class="certifyCode_box">
                            <input type="text" maxlength="18" placeholder="短信验证码" class="certifyCode" id="reset_certifyCode" />
                            <a href="javascript:void(0)" class="resendWrap" id="reset_resendWrap">重新发送(100)</a>
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                     <div class="password_wrap new_password">
                        <div class="password_box">
                            <input type="password" maxlength="18" placeholder="新密码" class="psd" id="new_psd" />
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="phoneCfCodeTxt_wrap">验证码已发送到您的手机</div>  
                    <div class="error_wrap error_tip_mCode" style="display:none;">验证码错误</div>         
                    <a href="javascript:void(0)" class="btn" id="reset_btn">完成</a>
                </div>
        </div>

            <!--注册部分-->
            <div class="main" id="regWrap" style="display:none;">
                <div class="topTitle_wrap">
                    <span class="topTitle">注册</span>
                    <span class="topTitleRight">已有账号<a href="javascript:void(0)" class="targetBtn" onclick="loginAction()">登录</a></span>
                </div>
                <div class="mainBody" >
                    <div class="userName_wrap">
                        <div class="userName_box">
                            <input type="text" maxlength="18" placeholder="账号" class="userName phoneNum_userName" id="phoneNum_userName" />
                        </div>                      
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="password_wrap">
                        <div class="password_box">
                            <input type="password" maxlength="18" placeholder="密码" class="psd" id="phoneNum_psd" />
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                   
                    <div class="error_wrap error_tip"></div>
                    <a href="javascript:void(0)" class="btn" id="nextBtn">注册</a>
                </div>
                <!--注册接收验证码部分-->
                <div class="mainBody getCertify"  style="display:none;">
                    <div class="getCertifyCode_top">
                        手机号码<span class="phoneNum" id="phoneNumTxt"></span>接收验证码
                    </div>
                    <div class="certifyCode_wrap">
                        <div class="certifyCode_box">
                            <input type="text" maxlength="18" placeholder="请输入验证码" class="certifyCode" id="phone_certifyCode" />
                            <a href="javascript:void(0)" class="resendWrap" id="btnGetCode">重新发送(100)</a>
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="phoneCfCodeTxt_wrap">验证码已发送到您的手机</div>  
                    <div class="error_wrap error_tip_mCode" style="display:none;">验证码错误</div>
                    <div class="checkBoxWrap checkBoxWrap2" id="checkBoxWrap2">
                        <input type="checkbox" value="remenberPsd" id="acceptFile" name="acceptFile" checked="checked" />
                        <label for="acceptFile" class="remenberPsd_btn checked" onclick="acceptFileChange()"></label>
                        <span class="remenberPsd">我已阅读并接受<a href="javascript:void(0)" class="toUserFile" id="toUserFile">《湖北金服用户协议》</a></span>
                    </div>              
                    <a href="javascript:void(0)" class="btn" id="btnReg">下一步</a>
                </div>
                <!--注册-确定用户名部分-->
                <div class="topTitle_wrap checkUsername" style="display:none;">
                    <span class="topTitle">确定用户名</span>
                </div>
                <div class="mainBody checkUsername_body" style="display:none;">
                    <div class="userName_wrap">
                        <div class="userName_box">
                            <input type="text" maxlength="18" class="userName" id="check_username" />
                        </div>                      
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="checkUsername_info">用户名只能修改一次</div>
                    <div class="error_wrap error_tip" ></div>
                    <a href="javascript:void(0)" class="btn sureBtn" id="btnSubmit">确认</a>
                </div>
            </div>
        </div>
    </div>
        <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
        <script src="js/palaceholder_forIE678.js" type="text/javascript" charset="utf-8"></script>
         <script src="js/loginReg.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/login_reset.js" type="text/javascript" charset="utf-8"></script>
    </body>

</html>


